<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>login首页</title>

    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<script type="text/css">.input-group{
    margin:10px 0px;//输入框上下外边距为10px,左右为0px
}
h3{
    padding:5px;
    border-bottom:1px solid #ddd;//h3字体下边框
}
li{
    list-style-type:square;//列表项图标为小正方形
margin:10px 0;//上下外边距是10px
}
em{//强调的样式
color:#c7254e;
    font-style: inherit;
    background-color: #f9f2f4;
}</script>
<div class="row" style="margin-top:30px;">
    <div class="col-md-6" style="border-right:1px solid #ddd;">
        <form:form action="/logining" method="post" commandName="user" role="form">
        <div class="well col-md-10">
            <h3>用户登录</h3>
            <div class="input-group input-group-md form-group">
                <span class="input-group-addon" id="sizing-addon1"><i class="glyphicon glyphicon-user" aria-hidden="true"></i></span>
                <input type="text" class="form-control" id="nickname"  name="nickname" placeholder="用户名" aria-describedby="sizing-addon1">
            </div>
            <div class="input-group input-group-md form-group">
                <span class="input-group-addon" id="sizing-addon2"><i class="glyphicon glyphicon-lock"></i></span>
                <input type="password" class="form-control" id="password" name="password" placeholder="密码" aria-describedby="sizing-addon1">
            </div>
            <div class="well well-sm" style="text-align:center;">
                <input type="radio" name="kind" value="tea"> 老师
                <input type="radio" name="kind" value="stu"> 学生
            </div>
            <button  type="submit" class="btn btn-success btn-block form-group">
                登录
            </button>
        </div>
        </form:form>
    </div>
    <div class="col-md-6">
        <h3>
            欢迎使用学生作业管理系统
        </h3>
        <ul>
            <li>学生使用<em>学号</em>登录，初始密码为<em>6个1</em>，登录后请及时修改密码</li>
            <li>老师请使用<em>工号</em>登录，初始密码为<em>6个1</em>，登录后请及时修改密码</li>
        </ul>
    </div>
</div>
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</body>
</html>